<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="root" value="${pageContext.request.contextPath}"/>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt_rt"%>
<html>
<head>
    <title>正在热映 - 猫眼电影 - 一网打尽好电影</title>
    <meta charset="utf-8">
    <meta name="keywords" content="温州,正在热映,即将上映,经典电影">
    <meta name="description" content="国内观众优选的在线购票平台，用户流行的观影决策平台。">
    <meta http-equiv="cleartype" content="yes" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="renderer" content="webkit" />

    <meta name="HandheldFriendly" content="true" />
    <meta name="format-detection" content="email=no" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="${root}/css/common.css"/>
    <link rel="stylesheet" href="${root}/css/movie-list.css"/>
    <script crossorigin="anonymous" src="${root}/js/stat.js"></script>
    <script>if(window.devicePixelRatio >= 2) { document.write('<link rel="stylesheet" href="${root}/css/seats/image-2x.css"/>') }</script>
    <style>
        @font-face {
            font-family: stonefont;
            src: url('//vfile.meituan.net/colorstone/567fae33bda3651b92d67265edae290b3168.eot');
            src: url('//vfile.meituan.net/colorstone/567fae33bda3651b92d67265edae290b3168.eot?#iefix') format('embedded-opentype'),
            url('//vfile.meituan.net/colorstone/721058ef9e18bfdceac12d411946c06d2076.woff') format('woff');
        }

        .stonefont {
            font-family: stonefont;
        }
    </style>
</head>
<body>


<%@ include file="head.jsp" %>

<div class="subnav">
    <ul class="navbar">
        <li>
            <a data-act="subnav-click" data-val="{subnavClick:1}"
               data-state-val="{subnavId:1}"
               class="active" href="${root}/films/show?showType=1"
            >正在热映</a>
        </li>
        <li>
            <a data-act="subnav-click" data-val="{subnavClick:2}"
               href="${root}/films/show?showType=2"
            >即将上映</a>
        </li>
        <li>
            <a data-act="subnav-click" data-val="{subnavClick:3}"
               href="${root}/films/show?showType=3"
            >经典影片</a>
        </li>
    </ul>
</div>


<div class="container" id="app" class="page-movie/list" >


    <div class="movies-channel">
        <div class="tags-panel">
            <ul class="tags-lines">
                <li class="tags-line" data-val="{tagTypeName:'cat'}">
                    <div class="tags-title">类型 :</div>
                    <ul class="tags">
                        <li class="active" data-state-val="{ catTagName:'全部'}" >
                            <a data-act="tag-click" data-val="{TagName:'全部'}"
                               href="javascript:void(0);" style="cursor: default"
                            >全部</a>
                        </li>
                    <c:forEach var="t" items="${t_list}">
                        <li >
                            <a data-act="tag-click" data-val="{TagName:'${t.name}'}"
                               href="${root}/films/type?type_id=${t.id}"
                            >${t.name}</a>
                        </li>
                    </c:forEach>
                        <li >
                            <a data-act="tag-click" data-val="{TagName:'其他'}"
                               href="?type_id=100"
                            >其他</a>
                        </li>
                    </ul>
                </li>
                <li class="tags-line tags-line-border" data-val="{tagTypeName:'source'}">
                    <div class="tags-title">区域 :</div>
                    <ul class="tags">
                        <li class="active" data-state-val="{ sourceTagName:'全部'}" >
                            <a data-act="tag-click" data-val="{TagName:'全部'}"
                               href="javascript:void(0);" style="cursor: default"
                            >全部</a>
                        </li>
                    <c:forEach var="d" items="${d_list}">
                        <li >
                            <a data-act="tag-click" data-val="{TagName:'${d.name}'}"
                               href="${root}/films/dis?dis_id=${d.id}"
                            >${d.name}</a>
                        </li>
                    </c:forEach>
                        <li >
                            <a data-act="tag-click" data-val="{TagName:'其他'}"
                               href="?dis_id=100"
                            >其他</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="movies-panel">
            <div class="movies-sorter">
                <div class="cat-sorter">
                    <ul>
                        <li>
            <span class="sort-control-group" data-act='sort-click' data-val="{tagId: 1 }"
                  style="cursor: default"
            >
              <span class="sort-control sort-radio sort-radio-checked"></span>
              <span class="sort-control-label">按热门排序</span>
            </span>
                        </li>
                        <li>
            <span class="sort-control-group" data-act='sort-click' data-val="{tagId: 2 }"
                  data-href="?sortId=2"
                  onclick="location.href=this.getAttribute('data-href')"
            >
              <span class="sort-control sort-radio"></span>
              <span class="sort-control-label">按时间排序</span>
            </span>
                        </li>
                        <li>
            <span class="sort-control-group" data-act='sort-click' data-val="{tagId: 3 }"
                  data-href="?sortId=3"
                  onclick="location.href=this.getAttribute('data-href')"
            >
              <span class="sort-control sort-radio"></span>
              <span class="sort-control-label">按评价排序</span>
            </span>
                        </li>
                    </ul>
                </div>
                <div class="play-sorter">
        <span class="sort-control-group" data-act='isplay-click' data-val="{isplay:1}"
              data-href="?isPlay=1"
              onclick="location.href=this.getAttribute('data-href')">
          <span class="sort-control sort-checkbox"></span>
          <span class="sort-control-label">可播放</span>
        </span>
                </div>
            </div>
            <div class="movies-list">

                <dl class="movie-list">
                <c:forEach var="movie" items="${MovieList}">
                    <dd>
                        <div class="movie-item">
                            <a href="${root}/films/details?movie_id=${movie.id}" target="_blank" data-act="movie-click" data-val="{movieid:1242431}">
                                <div class="movie-poster">
                                    <img class="poster-default" src="${root}/img/beijing.png" />
                                    <img href="${root}/films/details?movie_id=${movie.id}" data-src="${movie.image}" />
                                </div>
                            </a>
                            <div class="channel-action channel-action-sale">
                                <a>购票</a>
                            </div>

                            <div class="movie-ver"></div>
                        </div>
                        <div class="channel-detail movie-item-title" title="${movie.name}">
                            <a href="${root}/films/details?movie_id=${movie.id}" target="_blank" data-act="movies-click" data-val="{movieId:1242431}">${movie.name}</a>
                        </div>
                        <div class="channel-detail channel-detail-orange"><i class="integer">8.</i><i class="fraction">9</i></div>
                </c:forEach>
                </dl>
            </div>
        </div>
    </div>

</div>
<%@ include file="footer.jsp" %>

<script crossorigin="anonymous" src="${root}/js/movie-list.js"></script>
</body>
</html>
